<!--
 * @Author: wjk
 * @Date: 2019-12-31 15:40:51
 * @LastEditors: wjk
 * @LastEditTime: 2019-12-31 15:51:20
 * @description: file content
 -->
<template>
  <base-page-view ref="pageView" class-name="page-container service-container">
    <view class="service-panel">
      <view class="service-title">问题分类</view>
      <view class="service-list">
        <view v-for="item in itemList" :key="item.index" class="service-item relative-container" @click="switchList(item.index)">
          <image :src="item.icon" class="service-item-icon" />
          <text class="service-item-txt">{{ item.name }}</text>
          <b-open-type v-if="item.index === 7" open-type="contact" />
        </view>
      </view>
    </view>
    <view class="service-panel">
      <view class="service-title">{{ itemList[current].name }}</view>
      <view class="list">
        <view v-for="(item,index) in list" :key="index" class="s-li">
          <view class="QAbox">
            <view class="relative-container" @click="drop(index)"> {{ item.title }} <text class="angel-up" :class="{ 'angel-down':currentIndex === index }"></text></view>
            <text class="text" :class="{ 'isDrop':currentIndex === index }">{{ item.answer }}</text>
          </view>
        </view>
      </view>
    </view>
  </base-page-view>
</template>

<script>
import './index.scss'
export default {
  components: {
  },
  data() {
    return {
      itemList: [
        { index: 0, name: '常见问题', icon: '/static/images/mine/icon_info.png' },
        { index: 1, name: '订单问题', icon: '/static/images/mine/icon_order.png' },
        { index: 2, name: '物流问题', icon: '/static/images/mine/icon_shipping.png' },
        { index: 3, name: '支付问题', icon: '/static/images/mine/icon_payment.png' },
        { index: 4, name: '售后问题', icon: '/static/images/mine/icon_afterSale.png' },
        { index: 5, name: '账号问题', icon: '/static/images/mine/icon_account.png' },
        { index: 6, name: '其他问题', icon: '/static/images/mine/icon_other.png' },
        { index: 7, name: '在线问题', icon: '/static/images/mine/icon_service.png' }
      ],
      current: 0,
      list: [],
      questions: [
        { question: [
          { title: '订单支付成功后什么时候发货', answer: '订单在支付后的48小时内完成发货，因快递原因，部分物流公司未能及时更新，遇到法定节假日或者不可抗力因素，部分商品可能会受到影响，您可以在我的订单里面查看订单状态' },
          { title: '订单支付后可以取消订单吗', answer: '订单在支付后需求取消订单的，可以直接联系客服查询是否有拣货、待发货、发货的情况，由在线客服帮您处理。' },
          { title: '退货运费怎么办', answer: '1、质量原因寄回的退品，要寄平邮先垫付运费，不要到付哦，后期商家再补贴您运费。如果寄的是到付，商家会拒签的 2、如果是个人原因退回商品，是需要客户自己承担运费的' },
          { title: '需要更改地址', answer: '将原收件信息和新的收件信息编辑：原姓名：***，电话：***，地址：***新姓名：***，电话：***，地址：*** 修改地址麻烦您按这个格式提供给客服。（缺一不可，不然无法修改~），' },
          { title: '退款什么时候到账', answer: '申请完退货退款后，仓库收到退品，客服会给您操作退款，退款到账时间在1-7个工作日到账' },
          { title: '已经支付了扣款，显示未支付', answer: '这是有可能网络或者其他原因订单状态没有及时改变，如果已经显示扣款成功的话，可以换4G或者WIFI，重新刷新下页面，若还是显示待支付状态，可以上线找下客服，并将付款凭证截图给在线客服进行查询。' },
          { title: '重复支付怎么办', answer: '需要提供订单号和您重复支付的商户订单编号发给在线客服，让在线客服帮您核实是否有收到两笔款项，核实重复付款，会将其中一笔款在三个工作日原路返回到账上-7个工作日到账' },
          { title: '【我要退货】怎么办', answer: '包裹签收之日起7天内（包括预售商品），非质量问题且标签未拆不影响我们二次销售，可以直接在线上联系客服申请售后。1.您在退回的商品里面附上纸条：订单号，手机号，退回原因2.请保持商品完好、配件、赠品齐全，用原包装退回；被人洗涤过、遭人为破坏或污损等情况影响二次销售将不予退换（内裤一但试穿不予退换）3.退前请按要求把商品摆放好拍张照片发给客服，谢谢配合（注意：如换货需改地址，请联系客服或者在字条备注，否则默认为下单地址哦）' },
          { title: '退货赠品需要退回吗', answer: '订单如有赠品，须将赠品一并退回，如赠品已使用或不符合退货条件，但主商品已退货，须扣除赠品金额的去，请知悉' },
          { title: '赠品订单生成后客户要在APP哪里进行查看', answer: '可以在APP上我的-待发货里面，有个ZP开通的订单号查看的' },
          { title: '色差', answer: '　我们图片都是用佳能相机实物拍摄的，1200万像素。但是可能在不同的显示屏上，会有不同的效果，所以可能会有细微的偏差。但款式、我们是按照图片来发货的。您看这样好不好?如果拿到手的货物，款式完全不一样，我们会包邮为您退换的。' },
          { title: '赠品订单生成后客户要在APP哪里进行查看', answer: '可以在APP上我的-待发货里面，有个ZP开通的订单号查看的' },
          { title: '修改收件信息-未出单订单', answer: '麻烦原收件信息和新的收件信息编辑提供一下原姓名：***，电话：***，地址：*** 新姓名：***，电话：***，地址：*** 亲，修改地址麻烦您按这个格式提供给我一下。（缺一不可，不然无法修改~），我这边帮您修改下' },
          { title: '能否更换用户、代理注册的手机号码，若不能，原因是什么', answer: '我们的账号都是实名制的，一旦开通认证成功后，就和您的推荐人绑定好关系了，所以开通后就不能替换手机号哦，谢谢亲的理解和配合！' },
          { title: '如何进行实名认证', answer: '您打开商城，在我的，左上角设置键，内有实名制认证，按里面的步骤操作即可！填写的资料信息一定要是正确的哦，不然会认证不成功呢！' },
          { title: '实名认证失败的原因', answer: '亲，麻烦您看下您实名认证过程中，姓名身份证号码，电话号码等信息是否完全正确哦！' },
          { title: '能否更换用户、代理注册的手机号码，若不能，原因是什么', answer: '我们的账号都是实名制的，一旦开通认证成功后，就和您的推荐人绑定好关系了，所以开通后就不能替换手机号哦，谢谢亲的理解和配合！' },
          { title: '如何进行实名认证', answer: '您打开商城，在我的，左上角设置键，内有实名制认证，按里面的步骤操作即可！填写的资料信息一定要是正确的哦，不然会认证不成功呢！' },
          { title: '实名认证失败的原因', answer: '亲，麻烦您看下您实名认证过程中，姓名身份证号码，电话号码等信息是否完全正确哦！' }
        ] },
        { question: [
          { title: '订单支付成功后什么时候发货', answer: '订单在支付后的48小时内完成发货，因快递原因，部分物流公司未能及时更新，遇到法定节假日或者不可抗力因素，部分商品可能会受到影响，您可以在我的订单里面查看订单状态' },
          { title: '订单支付后可以取消订单吗', answer: '订单在支付后需求取消订单的，可以直接联系客服查询是否有拣货、待发货、发货的情况，由在线客服帮您处理。' },
          { title: '箱起赠品订单异常', answer: '1.是赠品库存短缺了，导致的赠品没有生成订单，2.是在下单满5箱之前未填写赠品订单地址，导致无法自动形成订单号以上，需要联系在线客服，并将下单满5箱的订单号提交到客服进行审核查询' },
          { title: '订单开票', answer: '提供以下资料：付款董事姓名，付款董事电话，付款公司名称，税号，邮箱必填，订单号，商品名称，商品数量，订单金额，支付渠道，申请人' }
        ] },
        { question: [
          { title: '退货运费怎么办', answer: ' 1、质量原因寄回的退品，要寄平邮先垫付运费，不要到付哦，后期商家再补贴您运费。如果寄的是到付，商家会拒签的 2、如果是个人原因退回商品，是需要客户自己承担运费的' },
          { title: '需要更改地址', answer: '将原收件信息和新的收件信息编辑：原姓名：***，电话：***，地址：***新姓名：***，电话：***，地址：*** 修改地址麻烦您按这个格式提供给客服。（缺一不可，不然无法修改~），' },
          { title: '丢件怎么办', answer: '发现快递丢件后，提供订单号信息可以联系在线客服帮忙补发' },
          { title: '物流停滞', answer: '快递一直停留在一个地区上超过48小时未有继续走件，可以联系在线客服，客服会跟快递公司进行核实，若出现无法继续走件，客服会帮助补发' },
          { title: '不发货地区', answer: '部分商品偏远地区快递无法到达的，客户误下单后，客服会根据订单信息直接按付款原途径返还' },
          { title: '物流破损', answer: '签收时发现外观破损，可以直接对该件进行拒签并上线告知客服；签收时，在快递面单上进行异常签收：备注：该件严重破损，异常签收，并对面单进行拍照发给在线客服' }

        ] },
        { question: [
          { title: '退款什么时候到账', answer: '申请完退货退款后，仓库收到退品，客服会给您操作退款，退款到账时间在1-7个工作日到账' },
          { title: '已经支付了扣款，显示未支付', answer: '这是有可能网络或者其他原因订单状态没有及时改变，如果已经显示扣款成功的话，可以换4G或者WIFI，重新刷新下页面，若还是显示待支付状态，可以上线找下客服，并将付款凭证截图给在线客服进行查询。' },
          { title: '重复支付怎么办', answer: '需要提供订单号和您重复支付的商户订单编号发给在线客服，让在线客服帮您核实是否有收到两笔款项，核实重复付款，会将其中一笔款在三个工作日原路返回到账上-7个工作日到账' }
        ] },
        { question: [
          { title: '【我要退货】怎么办', answer: '包裹签收之日起7天内（包括预售商品），非质量问题且标签未拆不影响我们二次销售，可以直接在线上联系客服申请售后。1.您在退回的商品里面附上纸条：订单号，手机号，退回原因2.请保持商品完好、配件、赠品齐全，用原包装退回；被人洗涤过、遭人为破坏或污损等情况影响二次销售将不予退换（内裤一但试穿不予退换）3.退前请按要求把商品摆放好拍张照片发给客服，谢谢配合（注意：如换货需改地址，请联系客服或者在字条备注，否则默认为下单地址哦）' },
          { title: '退货赠品需要退回吗', answer: '订单如有赠品，须将赠品一并退回，如赠品已使用或不符合退货条件，但主商品已退货，须扣除赠品金额的去，请知悉' },
          { title: '赠品订单生成后客户要在APP哪里进行查看', answer: '可以在APP上我的-待发货里面，有个ZP开通的订单号查看的' },
          { title: '色差', answer: '　我们图片都是用佳能相机实物拍摄的，1200万像素。但是可能在不同的显示屏上，会有不同的效果，所以可能会有细微的偏差。但款式、我们是按照图片来发货的。您看这样好不好?如果拿到手的货物，款式完全不一样，我们会包邮为您退换的。' },
          { title: '赠品订单生成后客户要在APP哪里进行查看', answer: '可以在APP上我的-待发货里面，有个ZP开通的订单号查看的' },
          { title: '修改收件信息-未出单订单', answer: '麻烦原收件信息和新的收件信息编辑提供一下原姓名：***，电话：***，地址：*** 新姓名：***，电话：***，地址：*** 亲，修改地址麻烦您按这个格式提供给我一下。（缺一不可，不然无法修改~），我这边帮您修改下' },
          { title: '【我要换货】怎么办', answer: '包裹签收之日起7天内（包括预售商品），非质量问题且标签未拆不影响我们二次销售，可以直接在线上联系客服申请售后。1.您在退回的商品里面附上纸条：订单号，手机号，换货原因以及要更换的商品型号、颜色 2.被人洗涤过、遭人为破坏或污损等情况影响二次销售将不予换货（内裤一但试穿不予退换）（注意：如换货需改地址，请联系客服或者在字条备注，否则默认为下单地址哦）' },
          { title: '发现漏发、少发怎么办', answer: '包裹签收之日起48小时内，发现漏发、少发，可以直接联系在线客服，提供订单号，并对箱子外包装、内包装进行拍照提供（尽量保持原包装方式）' },
          { title: '发现错发怎么办', answer: '包裹签收之日起49小时内，发现错发，可以直接联系在线客服，提供订单号，并对收到的实物进行拍摄，以及购买时产品详情' },
          { title: '关于"退货"', answer: '在商品完好且不影响二次销售的情况下，支持售后七日无理由退货（但法律规定特殊物品除外，如：食品，保健品、贴身用品、团购订单及其他页面特别说明商品不支持7天无理由退货）' },
          { title: '以下商品不提供退换货服务：', answer: '①定制类商品（指：预订或订制特殊尺码、商品等）； ②鲜活易腐类商品；③在线下载或者您拆封的音像制品，计算机软件等数字化商品； ④食品、保健品、个人护理用品、贴身用品、化妆品、成人用品等商品；⑤无法保证退回商品完好的（如：吊牌、标识、配件等已被拆卸、丢失；商品磨损、污渍）；⑥顾客购买时商品页面已明确告知不适宜退换货的商品；⑦一经激活或者试用后价值贬损较大的商品，商用商品，或者短期内价值频繁波动的商品（智能商品、商用厨电等）' },
          { title: '反馈有效时间', answer: '在签收商品后，需要在48小时内进行反馈，以免超时反馈带来不必要的麻烦，需要关注反馈时效' }
        ] },
        { question: [
          { title: '能否更换用户、代理注册的手机号码，若不能，原因是什么', answer: '我们的账号都是实名制的，一旦开通认证成功后，就和您的推荐人绑定好关系了，所以开通后就不能替换手机号哦，谢谢亲的理解和配合！' },
          { title: '如何进行实名认证', answer: '您打开商城，在我的，左上角设置键，内有实名制认证，按里面的步骤操作即可！填写的资料信息一定要是正确的哦，不然会认证不成功呢！' },
          { title: '实名认证失败的原因', answer: '亲，麻烦您看下您实名认证过程中，姓名身份证号码，电话号码等信息是否完全正确哦！' },
          { title: '实名认证更换银行卡的操作', answer: '亲，麻烦您看下您实名认证过程中，姓名身份证号码，电话号码等信息是否完全正确哦！' }
        ] },
        { question: [
          { title: '女神卫生巾和女生卫生巾的区别是什么？', answer: '女生卫生巾是一款超薄瞬吸的非功能性卫生巾，女神卫生巾是一款有治疗功效的卫生巾。' },
          { title: '色差问题', answer: '同一件衣服，在太阳底下、晴天、阴天、室内、不同的灯光，看到的颜色都有所不同，我们服装的详情页已经尽量还原衣服本身的颜色了，手机型号也会影响衣服颜色的最终呈现。' },
          { title: '拆开味道很重', answer: '发货过程中基本全是密封式的，收到货可能会有些许味道，只需要在通风环境下吹散1-2天即可去除的呢' },
          { title: '衣服褪色', answer: '一般是不会有这种问题的呢。可能和清洗方法有关，推荐在洗衣服之前先用浓盐水泡上半个小时，然后再进行清洗。如果仍有轻微掉色的话，可以在每次下水清洗之前先用淡盐水浸泡上十分钟，2~3次后内衣就不会再掉色了。' },
          { title: '为什么真空瓶包装的护肤品一直按压都按不出来？要怎么处理？', answer: '真空瓶里有时候因为属于真空技术包装，按压时存在不好按出的情况，遇到这种情况可以旋开瓶口再旋回去，再按压一般就可以按出来了。' },
          { title: '口红为什么容易断？', answer: '口红一般是膏状质地，比唇彩和唇蜜要干和硬，色彩饱和力高，颜色遮盖力强。主要成分包含了蜡、油、和色素等，基本成分离不开凡士林和蜡烛，所以如遇高温，将很容易产生软化或出汗的情况，如果再遇到使用不当的情况则就容易折断。' },
          { title: '酵素、胶原蛋白、美白液的饮用方法', answer: '1.酵素：早起空腹饮用效果最好 2.胶原蛋白：每晚睡前饮用一支 3.美白液：早起空腹饮用，若需加强效果可于睡前再次饮用' }
        ] }
      ],
      currentIndex: 0
    }
  },
  onLoad() {
    this.list = this.questions[this.current].question
  },
  methods: {
    drop(index) {
      this.currentIndex = index === this.currentIndex ? -1 : index
    },
    switchList(index) {
      if (index === 7) {
        console.log('客户')
      } else {
        this.current = index
        this.currentIndex = 0
        this.list = this.questions[index].question
      }
    },
    _toBSNLService() {
      // if (AppUtils.IsAppInstall()) {
      //   AppUtils.callMulti({
      //     type: 'service',
      //     data: null
      //   })
      //   return
      // }
      // openBSNLService()
    }
  },
  onPageScroll(res) {
    this.$refs.pageView.scrollShowBtn(res)
  }
}
</script>
